// Font Family
$font_1: 'Jost', sans-serif; //Heading Font  'Cinzel', serif;
$font_2: 'Jost', sans-serif; //Body Font
$font_3: 'Clicker Script', cursive; //special fonts

// include
$body-font: 'Roboto', sans-serif;
$title-font: 'Playfair Display', serif;

/*--------------- ---- Responsive --------------------------*/

$laptop: 'only screen and (min-width: 1200px) and (max-width: 1600px)';
$lg: 'only screen and (min-width: 992px) and (max-width: 1199px)';
$md: 'only screen and (min-width: 768px) and (max-width: 991px)';
$sm: 'only screen and (min-width: 576px) and (max-width: 767px)';
$xs: '(max-width: 575px)';
// Extra Responsive

$medium_device: 'only screen and (min-width: 992px) and (max-width: 1200px)';
$tab_device: 'only screen and (min-width: 768px) and (max-width: 991px)';
$large_mobile: 'only screen and (min-width: 576px) and (max-width: 767px)';
$tab: '(max-width: 991px)';
$tab2: '(max-width: 1199px)';
$small_mobile: '(max-width: 576px)';
$xs_mobile: '(max-width: 420px)';
$sm_mobile: 'only screen and (min-width: 421px) and (max-width: 575px)';
$big_screen: 'only screen and (min-width: 1200px) and (max-width: 1440px)';
$big_screen2: 'only screen and (min-width: 1200px) and (max-width: 1300px)';
$big_screen3: 'only screen and (min-width: 1441px) and (max-width: 1500px)';
$big_screen4: 'only screen and (min-width: 1501px) and (max-width: 1750px)';
$extra_big_screen: 'only screen and (min-width: 1200px) and (max-width: 3640px)';


// More Extra Responsive
$large_device_2: '(min-width: 1501px) and (max-width: 1700px)';
$mid_device: '(min-width: 992px) and (max-width: 1200px)';
$tablet_device: '(min-width: 768px) and (max-width: 991px)';
$mobile_device: '(max-width: 767px)';
$large_mobile: 'only screen and (min-width: 480px) and (max-width: 767px)';

// Custom
$large1: 'only screen and (min-width: 1200px) and (max-width: 1400px)';
$large2: '(min-width: 1401px) and (max-width: 1600px)';
$large3: 'only screen and (min-width: 1601px) and (max-width: 1800px)';


